<div>
  <p *ngIf="loading" style="padding: 3px">{{ "Loading"| translate }} ...</p>
  <ul id="myAssets" class="ztree">
    <ul id="assetsTree" class="ztree" style="display: none">
    </ul>
  </ul>
  <ul id="applicationsTree" class="ztree">
  </ul>

  <ul id="remoteAppsTree" class="ztree">
  </ul>
  <ul id="DBAppsTree" class="ztree">
  </ul>
  <ul id="K8SAppsTree" class="ztree">
  </ul>
</div>


<div #rMenu *ngIf="isShowRMenu" class="basicContext" [style.top]="pos.top" [style.left]="pos.left">
  <table>
      <tbody>
        <tr *ngFor="let menu of RMenuList; let i = index" class="basicContext__item ">
            <td class="basicContext__data" [attr.data-num]="i" (click)="menu.click()" [ngStyle]="{'display': menu.hide ? 'none': ''}">
              <span class="basicContext__icon fa" [ngClass]="menu.fa"></span> {{ menu.name| translate }}
            </td>
        </tr>
        </tbody>
    </table>
</div>
